<ion-view view-title="发布新订单">
  <ion-content class="padding">
     
     <div class="list card">
      <div class="item item-divider ion-flag">上传现场照片</div>
      <div class="item item-body"> 
        <ion-list>
          <ion-item class="item-remove-animate item-icon-right" ng-repeat="photo in photoList" type="item-text-wrap">
            <img src="{{photo.localUrl}}" width="100%">
          
            <i class="icon ion-chevron-right icon-accessory"></i>

            <ion-option-button class="button-assertive ion-close-circled" ng-click="deletePhoto(photo)">
              删除照片
            </ion-option-button>
          </ion-item>
        </ion-list>
        <div>
             <button class="ion-android-camera" ng-click='takePhoto()'>拍照</button>
          </div>
      </div>
    </div>

    <div class="list card">
      <div class="item item-divider ion-flag">录制现场状况</div>
      <div class="item item-body">
        <div>
            <span> 
                 <button class="ion-radio-waves" ng-hide="record.hasRecorded||record.isRecording" ng-click = 'startRecord()'>点击录音</button>
                 <button class="ion-radio-waves" ng-show="record.isRecording" ng-disabled=true>正在录音，还剩{{record.countdown}}秒</button>
                 <button class="ion-radio-waves" ng-click="playRecord()" ng-show='record.hasRecorded'>播放录音</button>
                 <button class="ion-stop" ng-click="stopRecord()" ng-show='record.hasRecorded'>停止播放</button>
                 <button class="ion-ios-refresh" ng-click="reRecord()" ng-show='record.hasRecorded'>撤销</button>
             </span>
        </div>
      </div>
    </div>

    <button class="button button-block ion-checkmark-circled button-balanced" ng-click="publish()">发布</button>  
  </ion-content>
</ion-view>
